<template>
  <div id="index">
    <h1>{{ data.name }}</h1>
    <el-divider />
    <h2>基本信息</h2>
    <div style="width: 100%;padding: 25px;border: 1px #ddd solid;" v-html="data.richBase" />
    <h2>创建历史</h2>
    <div style="width: 100%;padding: 25px;border: 1px #ddd solid;" v-html="data.richOld" /><h2>发展趋势</h2>
    <div style="width: 100%;padding: 25px;border: 1px #ddd solid;margin-bottom: 30px;" v-html="data.richDevelop" />
  </div>
</template>

<script>
import api from '@/api/mall/supermarket'
export default {
  name: 'AboutUs',
  data() {
    return {
      data: {}
    }
  },
  created() {
    api.list().then(res => {
      this.data = res.data.data.records[0]
    })
  }
}
</script>

<style scoped>
#index {

}
</style>
